<template>
  <div class="back-top-container">
      <Head></Head>
      <Index></Index>
        <el-backtop target=".back-top-container" :bottom="100">
          <div
            style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      }"
          >
            ^
          </div>
        </el-backtop>
      <el-footer><Foot></Foot></el-footer>
  </div>

</template>

<script>
  import Head from "../parts/Head";
  import Foot from "../parts/Foot";
  import Index from "../index/Index";
  export default {
    name: "IndexLayout",
    components: {
      Head:Head,
      Foot:Foot,
      Index:Index
    }

  }
</script>

<style scoped>
  .back-top-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
  }
</style>
